<template>
  <div id="tuijian">
      <div class="box">
        <div class="left">
          <h3>品质干果</h3>
          <h5>原味更好吃</h5>
          <img src="@/assets/shouye/mahua.jpg" alt="">
          <img src="@/assets/shouye/pian.jpg" alt="">
        </div>
        <div class="right">
          <h3>每周精选好果</h3>
          <h5>水果好生活</h5>
          <img src="@/assets/shouye/chengzi.jpg" alt="">
          <img src="@/assets/shouye/caomeis.jpg" alt="">
        </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style  scoped>
#tuijian{
    width: 100%;
    height: 1.5rem;
  }
  .box{
    display: flex;
    margin-top: .1rem;
  }
  .box .left,.right{
    margin-left:.12rem ;
  }
  .box .left{
    margin-left: .18rem;
    border-right: 1px solid rgba(128, 128, 128, 0.295);
  }
  img{
    margin-top: .1rem;
    height: .85rem;
  }
  h5{
    color: gray;
  }
</style>